<!DOCTYPE html>
<html>
<head>
    <title>ID管理器</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <div class="sidebar">
            <div class="button-group">
                <button id="confirmBtn">进入</button>
                <button id="newBtn">新建</button>
            </div>
            <div id="fileList" class="file-list"></div>
        </div>
        <div class="content">
            <pre id="fileContent"></pre>
        </div>
    </div>

    <!-- 新建ID的模态框 -->
    <div id="newIdModal" class="modal">
        <div class="modal-content">
            <input type="text" id="newIdInput" placeholder="请输入新ID">
            <button id="saveNewId">保存</button>
            <button id="cancelNewId">取消</button>
        </div>
    </div>

    <script src="renderer.js"></script>
</body>
</html> 